<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/bootstrap.js"></script>
    <title>面经</title>
</head>

<body>
    <div class="navbar navbar-expand-lg bg-body-tertiary" id="aa">
        <div class="container">
            <a class="navbar-brand" href="#">面经宝典</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item it">
                        <a class="nav-link active" aria-current="page" href="#">综合</a>
                    </li>
                    <li class="nav-item it">
                        <a class="nav-link active" aria-current="page" href="#">CSS</a>
                    </li>
                    <li class="nav-item it">
                        <a class="nav-link active" aria-current="page" href="#">HTML</a>
                    </li>
                    <li class="nav-item it">
                        <a class="nav-link active" aria-current="page" href="#">JavaScript</a>
                    </li>
                    <li class="nav-item it">
                        <a class="nav-link active" aria-current="page">jQuery</a>
                    </li>
                    <li class="nav-item it">
                        <a class="nav-link active" aria-current="page">
                            
                            <select id="num-box">
                                <option value="1">node.js</option>
                                <option value="2">写文章</option>
                                <option value="3">写代码</option>
                                <option value="4">写笔记</option>
                                <option value="5">草稿箱</option>
                            </select>
                        </a>
                    </li>
                </ul>
                <form class="d-flex">
                    <input class="form-control me-2" type="search" placeholder="搜索" aria-label="Search">
                    <div class="product-num">
                        <div class="select lineheight14">
                            <!-- <div class="text-left me-auto">数量</div> -->
                            <div class="numbox text-right">
                                <!-- <input type="text" id="num-select" value="1"> -->
                                <i></i>
                                <!-- <a href="####">
                                    创作者中心
                                    <ul>
                                        <li><a href="./publish.html">写文章</a></li>
                                        <li><a href="###">写代码</a></li>
                                        <li><a href="###">写笔记</a></li>
                                        <li><a href="###">草稿箱</a></li>
                                    </ul>
                                </a> -->

                                <select id="num-box">
                                    <option value="1">创作者中心</option>
                                    <option value="2"><a href="./publish.html">写文章</a></option>
                                    <option value="3">写代码</option>
                                    <option value="4">写笔记</option>
                                    <option value="5">草稿箱</option>
                                </select>
                            </div>
                        </div>
                        <p id="inventory-tips" style="display: none;"></p>
                    </div>
                    <button class="btn btn-outline-success " type="submit">登录</button>
                    <button class="btn btn-outline-success" type="submit">注册</button>
                    <a class="btn btn-outline-success" href="/admin">后台</a>
                </form>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row d-flex">
            <div class="col-2"></div>
            <div class="col-6">
                <ul>
                    <li><a class="nav-link " href="./details.html">推荐</a></li>
                    <li><a class="nav-link " href="./details.html">最新</a></li>
                    <li><a class="nav-link " href="./details.html">热榜</a></li>
                </ul>
                <div class="naav">
                    
                </div>
            </div>
            <div class="col-2 foot">
                <div class="footer-one">
                    <a href="./details.html" class="nav-link">全部文章</a>
                    <a href="./details.html" class="nav-link">前端三剑客</a>
                    <a href="./details.html" class="nav-link">前端框架</a>
                    <a href="./details.html" class="nav-link">后端语言</a>
                    <a href="./details.html" class="nav-link">数据库</a>
                    <a href="./details.html" class="nav-link">其他</a>
                </div>
                <div class="footer-two">
                    <h2>热门文章</h2>
                    <a href="./details.html" class="nav-link"><i>1</i>推荐一款超好用的工具cmder</a>
                    <a href="./details.html" class="nav-link"><i>2</i>asp.net时间格式大全</a>
                    <a href="./details.html" class="nav-link"><i>3</i>从零开始学习webpack4</a>
                    <a href="./details.html" class="nav-link"><span>4</span>角环境搭建</a>
                    <a href="./details.html" class="nav-link"><span>5</span>数据库MongoDB的封装库</a>
                    <a href="./details.html" class="nav-link"><span>6</span>路http服务器将本地服务器</a>
                    <a href="./details.html" class="nav-link"><span>7</span>如何将本地的文件变成http</a>
                    <a href="./details.html" class="nav-link"><span>8</span>阿帕奇的应用二</a>
                </div>
                <div class="footer-two1">
                    <h2>置顶推荐</h2>
                    <a href="./details.html" class="nav-link"><i>1</i>NET Spire.Doc组件</a>
                    <a href="./details.html" class="nav-link"><i>2</i>asp.net时间格式大全</a>
                    <a href="./details.html" class="nav-link"><i>3</i>从零开始学习webpack4</a>
                    
            </div>
            <div class="col-2"></div>
        </div>
    </div>
    <div class="ding">
        <a href="#aa" class="nav-link"><img src="./imgaes/2.png" alt=""></a>
    </div>
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>